<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="assets/css/bootstrap-theme.min.css">
</head>

<body>
<form action="/updateByPrimaryKey" method="post" enctype="multipart/form-data">
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">配件编号:</span>
        <input type="text" name="spareinventoryid" id="spareInventoryId" class="form-control" readonly="readonly" style="width: 500px;">
    </div>
    <br />
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">配件品牌:</span>
        <input type="text" name="spareinventorybrand" id="spareInventoryBrand" class="form-control" style="width: 500px;">
    </div>
    <br />
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">进货价格:</span>
        <input type="text" name="spareinventorybuyprice" id="spareInventoryBuyPrice" class="form-control" style="width: 500px;">
    </div>
    <br />
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">出售价格:</span>
        <input type="text" name="spareinventorysellprice" id="spareInventorySellPrice" class="form-control" style="width: 500px;">
    </div>
    <br />
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">配件图片:</span>
        <input type="file" name="fileName" id="spareInventoryIcon" title="Search for a file to add 3" class="btn-primary">
    </div>
    <br />
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">配件简介:</span>
        <input type="text" name="spareinventorymark" id="spareInventoryMark" class="form-control" style="width: 500px;">
    </div>
    <br />
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">配件作用:</span>
        <input type="text" name="spareinventoryuse" id="spareInventoryUse" class="form-control" style="width: 500px;">
    </div>
    <br />
    <div class="input-group">
        <span class="input-group-addon" class="basic-addon1">库存数量:</span>
        <input type="text" name="spareinventorycount" id="spareInventoryCount" class="form-control" style="width: 500px;">
    </div>
    <br />
    <div class="input-group">
        <input type="submit" class="btn btn-primary" value="提交" />
        <input type="reset" class="btn btn-primary" value="重置" />
    </div>
</form>
</body>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="assets/js/bootstrap.min.js"></script>
<!--jquery-1.8.3.min.js-->
<script src="assets/js/jquery-1.8.3.min.js"></script>
<!--页面验证-->
<script type="text/javascript">
    $(function() {
        $("#spareInventoryBrand").blur(function() {
            var timu = $(this).val();
            timu = $.trim(timu);
            if(timu == "" || timu == null) {
                $(this).nextAll("label").remove();
                $(this).after("<label class='qwer'>品牌名不能为空..</label>");
                $(".qwer").css("color", "red");
            } else {
                $(this).nextAll("label").remove();
            }
        });
        $("#spareInventoryBuyPrice").blur(function() {
            var timu = $(this).val();
            timu = $.trim(timu);
            if(timu == "" || timu == null) {
                $(this).nextAll("label").remove();
                $(this).after("<label class='qwer'>进货价格不能为空..</label>");
                $(".qwer").css("color", "red");
            } else {
                if(isNaN(timu)){
                    $(this).nextAll("label").remove();
                    $(this).after("<label class='qwer'>进货价格只能是数字..</label>");
                    $(".qwer").css("color", "red");
                }
                else{
                    $(this).nextAll("label").remove();
                }
            }
        });
        $("#spareInventorySellPrice").blur(function() {
            var timu = $(this).val();
            timu = $.trim(timu);
            if(timu == "" || timu == null) {
                $(this).nextAll("label").remove();
                $(this).after("<label class='qwer'>出售价格不能为空..</label>");
                $(".qwer").css("color", "red");
            } else {
                if(isNaN(timu)){
                    $(this).nextAll("label").remove();
                    $(this).after("<label class='qwer'>出售价格只能是数字..</label>");
                    $(".qwer").css("color", "red");
                }
                else{
                    $(this).nextAll("label").remove();
                }
            }
        });
        $("#spareInventoryMark").blur(function() {
            var timu = $(this).val();
            timu = $.trim(timu);
            if(timu == "" || timu == null) {
                $(this).nextAll("label").remove();
                $(this).after("<label class='qwer'>配件简介不能为空..</label>");
                $(".qwer").css("color", "red");
            } else {
                $(this).nextAll("label").remove();
            }
        });
        $("#spareInventoryUse").blur(function() {
            var timu = $(this).val();
            timu = $.trim(timu);
            if(timu == "" || timu == null) {
                $(this).nextAll("label").remove();
                $(this).after("<label class='qwer'>配件作用不能为空..</label>");
                $(".qwer").css("color", "red");
            } else {
                $(this).nextAll("label").remove();
            }
        });
        $("#spareInventoryCount").blur(function() {
            var timu = $(this).val();
            timu = $.trim(timu);
            if(timu == "" || timu == null) {
                $(this).nextAll("label").remove();
                $(this).after("<label class='qwer'>库存数量不能为空..</label>");
                $(".qwer").css("color", "red");
            } else {
                if(isNaN(timu)){
                    $(this).nextAll("label").remove();
                    $(this).after("<label class='qwer'>库存数量只能是数字..</label>");
                    $(".qwer").css("color", "red");
                }
                else{
                    $(this).nextAll("label").remove();
                }
            }
        });
        $("form").submit(function() {
            var img =$("input[id=spareInventoryIcon]").val();
            img = $.trim(img);
            if (img==null || img==""){
                alert("请选择配件图片...");
                return false;
            }
            // 校验完成
            $("input").trigger("blur");
            if($(".qwer").size() > 0) {
                alert("请填写完整信息...");
                return false;
            }
        });
    });
    $(function () {
        var s = location.search;
        var Id = s.substring(s.indexOf("=")+1,s.length);
        $.ajax({
            url:"/selectById",
            data:{"spareInventoryId":Id},
            type:"post",
            dataType:"json",
            success:function (data) {
                console.log(data);
                if(data){
                    $("input[name=spareinventoryid]").val(data.spareinventoryid);
                    $("input[name=spareinventorybrand]").val(data.spareinventorybrand);
                    $("input[name=spareinventorybuyprice]").val(data.spareinventorybuyprice);
                    $("input[name=spareinventorysellprice]").val(data.spareinventorysellprice);
                    $("input[name=spareinventorymark]").val(data.spareinventorymark);
                    $("input[name=spareinventoryuse]").val(data.spareinventoryuse);
                    $("input[name=spareinventorycount]").val(data.spareinventorycount);
                }
            }
        });
    });
</script>

</html>